//对于axios函数库进行二次封装
import axios, {AxiosInstance} from "axios";
import {ElMessage} from "element-plus";
//利用axios.create方法创建一个axios实例：可以设置基础路径，超时的时间设置
const request:AxiosInstance = axios.create({
    baseURL: 'http://localhost:5173',//请求的基础路径设置
    timeout: 10000//超时的时间设置,超出5s请求就失败
});

//请求拦截器
request.interceptors.request.use((config) => {
    //config:请求拦截器回调注入的对象（配置对象）,配置对象的身上最重要的一件事headers属性，可以通过请求头携带公共参数token
    if (localStorage.getItem("Token")) {
        config.headers.set("Token", localStorage.getItem("Token"))
    }

    return config;
});

//响应拦截器
request.interceptors.response.use((response) => {
    //响应拦截器成功的回调，一般会进行简化数据
    return response.data;
}, (error) => {
    //处理http网络错误
    let status = error.response.status;
    console.log(error);
    switch (status) {
        case 404:
            //提示错误信息
            ElMessage({
                type: 'error',
                message: error.message
            })
            break;
        case 500 | 501 | 502 | 503 | 504 | 505:
            ElMessage({
                type: 'error',
                message: '服务器挂了'
            })
            break;
        case 401 | 400:
            ElMessage({
                type: 'error',
                message: '参数有误'
            })
    }
    return Promise.reject(new Error(error.message))
});

//对外暴露axios
export default request;